#app {
  font-family: miscrosoft yahei,\5FAE软雅黑,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  /*width: 1000px;*/
  float: left;
}
*, ::after, ::before {

  box-sizing: border-box;

}
body {

  font-family: Helvetica,Arial,Microsoft YaHei,sans-serif;
  font-size: 14px;
  color: #333;

}
body, pre {
  line-height: 22px;
}
.form_box_big {
  padding-top: 20px;
  padding-bottom: 10px;
  border: 1px solid #ccc;
  border-top: 2px solid #9AABCC;
}
.form-box .wangEditor-container #itemDesc {
  height: 560px;
}
.form-box .wangEditor-container #authorIntro {
  height: 130px !important;
}
.form-box h3 {
  height: 14px;
  font-size: 16px;
  line-height: 14px;
  margin-top: 2px;
  font-weight: normal;
}
.form-box .form-list {
  position: relative;
  background-color: #fff;
  padding-bottom: 1px;
}
.form-box .form-list .form-item {
  position: relative;
  font-size: 12px;
  line-height: 24px;
}
.form-box .form-list .form-item .form_con {
  position: relative;
}
.form-box .form-list .form-item .form_con .ivu-radio-group {
  height: 23px;
}
.form-box .form-list .form-item .form_con .quality {
  height: 40px;
}
.form-box .form-list .form-item .form_con .quality .radio-list {
  margin-bottom: 4px;
}
.form-box .form-list .form-item .form_con .quality .radio-list:nth-child(11) {
  margin-left: 12px;
}
.form-box .form-list .form-item .form_con .quality .radio-list:nth-child(13) {
  margin-left: 12px;
}
.form-box .form-list .form-item .disabled {
  margin-right: 10px;
  border: 0 !important;
  background-color: #fff !important;
  color: #333;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.form-box .form-list .form-item .form-label {
  width: 90px;
  height: 24px;
  line-height: 24px;
  text-align: right;
  margin-right: 14px;
  color: #111111;
}
.form-box .form-list .form-item .form-input {
  display: block;
  width: 180px;
  line-height: 14px;
  padding: 4px 10px;
  margin-right: 5px;
  border: 1px solid #b0b0b0;
  resize: none;
  background: #fff;
}
.form-box .form-list .form-item .pos_info {
  position: absolute;
  width: 700px;
  height: 30px;
  line-height: 14px;
  left: 0;
  bottom: -24px;
  padding: 0;
  padding-top: 4px;
  margin-bottom: -4px;
}
.form-box .form-list .form-item .form-select {
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 10px !important;
  background-color: #fff;
}
.form-box .form-list .form-item .pressTip {
  display: none;
}
.form-box .form-list .form-item .priceTip {
  display: none;
}
.form-box .form-list .form-item textarea.form-input {
  line-height: 21px;
}
.form-box .form-list .form-item .classify_box {
  display: none;
}
.form-box .form-list .form-item .book-name {
  height: 80px;
  padding: 5px 10px;
}
.form-box .form-list .form-item .author-name,
.form-box .form-list .form-item .publish-name {
  height: 30px;
  padding: 0;
}
.form-box .form-list .form-item .upload-btn {
  display: block;
  width: 80px;
  height: 30px;
  line-height: 28px;
  margin-right: 10px;
  color: #B19283;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
}
.form-box .form-list .form-item .upload-btn:hover {
  color: #a57f6d;
}
.form-box .form-list .form-item .upload-img {
  position: relative;
  width: 140px;
  height: 140px;
  line-height: 138px;
  margin: 15px 0 0 88px;
  text-align: center;
  border: 1px solid #cccccc;
  font-size: 0px;
}
.form-box .form-list .form-item .upload-img .img-close {
  position: absolute;
  top: -8px;
  right: -8px;
  line-height: 16px;
  cursor: pointer;
}
.form-box .form-list .form-item .upload-img .img-close:hover {
  color: #333;
}
.form-box .form-list .form-item .upload-img img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.form-box .form-list .form-item .radio-list li {
  margin-right: 30px;
  cursor: pointer;
}
.form-box .form-list .form-btn {
  width: 250px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 32px;
  overflow: hidden;
}
.form-box .form-list .form-btn .submit-btn {
  width: 110px;
  height: 32px;
  margin-right: 30px;
  border-radius: 2px;
  color: #fff;
  text-align: center;
  background-color: #8C222C;
  cursor: pointer;
}
.form-box .form-list .form-btn .submit-btn:hover {
  color: #fff;
  background-color: #7b111b;
}
.form-box .form-list .form-btn .close-btn {
  width: 110px;
  height: 32px;
  line-height: 30px;
  color: #666;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
}
.form-box .form-list .form-btn .close-btn:hover {
  border-color: #8c222c;
  color: #8c222c;
}
.form-box .form-list .preview-btn {
  position: absolute;
  top: 27px;
  right: 0;
  height: 19px;
  line-height: 19px;
  font-size: 14px;
  color: #365899;
}
.form-box .form-list .disabled-box .disabled {
  display: block;
}
.form-box .form-list .disabled-box .form-input {
  display: none;
}
.form-box .form-list.logistics {
  overflow: inherit;
  min-height: 100px;
  padding-top: 0;
}
.form-box .form-list.logistics .radio-container {
  height: 18px;
  line-height: 18px;
  color: #666;
}
.form-box .form-list.logistics .radio-container .label-seller-tips {
  color: #bbb;
}
.form-box .form-list.logistics .radio-container .ivu-radio-wrapper {
  margin-right: 10px;
  font-size: 12px;
}
.form-box .form-list.logistics .radio-container .ivu-radio-wrapper .ivu-radio {
  margin-right: 6px;
}
.form-box .form-list.logistics .radio-container2 {
  margin-top: 10px;
  height: 30px;
  line-height: 30px;
  color: #666;
}
.form-box .form-list.logistics .radio-container2 .ivu-radio-wrapper {
  margin-right: 10px;
}
.form-box .form-list.logistics .radio-container2 .ivu-radio-wrapper .ivu-radio {
  margin-right: 6px;
}
.form-box .form-list.logistics .express-input-group {
  margin-top: 10px;
}
.form-box .form-list.logistics .express-input-group .express-container {
  position: relative;
  z-index: 20;
  top: 3px;
}
.form-box .form-list.logistics .express-input-group .express-container .express-text {
  position: relative;
  display: block;
  width: 260px;
  height: 24px;
  line-height: 24px;
  padding-left: 10px;
  color: #111;
  background-color: #ffffff;
  border: solid 1px #b0b0b0;
  font-size: 12px;
  overflow: hidden;
  padding-right: 20px;
}
.form-box .form-list.logistics .express-input-group .express-container .express-text .express-arrow {
  position: absolute;
  right: 10px;
  color: #111;
  top: 0;
}
.form-box .form-list.logistics .express-input-group .express-container .express-text .old-mould {
  display: block;
  width: 260px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.form-box .form-list.logistics .express-input-group .express-container .express-text .place-holder {
  color: #9c9c9c;
}
.form-box .form-list.logistics .express-input-group .express-container .express-list-container {
  position: absolute;
  top: 24px;
  left: 0;
  width: 260px;
  border: solid 1px #cccccc;
  border-top: none;
  background-color: #fff;
  font-size: 12px;
}
.form-box .form-list.logistics .express-input-group .express-container .express-list-container .express-list {
  width: 260px;
  max-height: 192px;
  overflow: auto;
}
.form-box .form-list.logistics .express-input-group .express-container .express-list-container .express-list .not-use-model {
  margin-left: 10px;
  border-bottom: 1px dashed #e5e5e5;
}
.form-box .form-list.logistics .express-input-group .express-container .express-list-container .express-list .not-use-model li {
  height: 30px;
  line-height: 30px;
}
.form-box .form-list.logistics .express-input-group .express-container .express-list-container .express-list .use-unprice-model li {
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  cursor: pointer;
  font-size: 12px;
}
.form-box .form-list.logistics .express-input-group .express-container .express-list-container .express-list .use-unprice-model li:hover {
  background-color: #e9edf4;
  color: #365899;
}
.form-box .form-list.logistics .express-input-group .express-container .express-list-container .express-list .use-price-model .price-than-one span {
  display: block;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  cursor: pointer;
}
.form-box .form-list.logistics .express-input-group .express-container .express-list-container .express-list .use-price-model .price-than-one span i {
  float: right;
  margin-top: 9px;
  margin-right: 10px;
}
.form-box .form-list.logistics .express-input-group .express-container .express-list-container .express-list .use-price-model .price-than-one ul {
  position: absolute;
  display: none;
  bottom: -1px;
  left: 258px;
  background-color: #fff;
  border: solid 1px #cccccc;
}
.form-box .form-list.logistics .express-input-group .express-container .express-list-container .express-list .use-price-model .price-than-one ul li {
  width: 280px;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  background-color: #ffffff;
  cursor: pointer;
}
.form-box .form-list.logistics .express-input-group .express-container .express-list-container .express-list .use-price-model .price-than-one ul li:hover {
  background-color: #e9edf4;
  color: #365899;
}
.form-box .form-list.logistics .express-input-group .express-container .express-list-container .express-list .use-price-model .price-than-one .assist-block {
  position: absolute;
  width: 12px;
  bottom: 30px;
  left: 246px;
  height: 30px;
}
.form-box .form-list.logistics .express-input-group .express-container .express-list-container .express-list .use-price-model .price-than-one:hover span {
  background-color: #e9edf4;
  color: #365899;
}
.form-box .form-list.logistics .express-input-group .express-container .express-list-container .express-list .use-price-model .price-than-one:hover ul {
  display: block;
}
.form-box .form-list.logistics .express-input-group .express-container .express-list-container .express-list .use-price-model p {
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  cursor: pointer;
}
.form-box .form-list.logistics .express-input-group .express-container .express-list-container .express-list .use-price-model p:hover {
  background-color: #e9edf4;
  color: #365899;
}
.form-box .form-list.logistics .express-input-group .express-container .express-list-container .add-mould-link {
  width: 258px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  border-top: 1px solid #f0f2f6;
  background-color: #f8f9fb;
}
.form-box .form-list.logistics .express-input-group .express-container .express-list-container .add-mould-link:hover {
  background-color: #e9edf4;
}
.form-box .form-list.logistics .express-input-group .express-container .express-list-container .add-mould-link a {
  color: #365899;
}
.form-box .form-list.logistics .express-input-group .express-container .express-list-container .add-mould-link a:hover {
  color: #365899;
}
.form-box .form-list.logistics .no-mould-tips {
  margin-top: 15px;
}
.form-box .form-list.logistics .no-mould-tips a {
  color: #365899;
  cursor: pointer;
}
.form-box .form-list.logistics .no-mould-tips a:hover {
  color: #365899;
}
.form-box .form-list.logistics .express-input {
  margin-left: 20px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  padding-top: 3px;
}
.form-box .form-list.logistics .express-input .form-label {
  margin-right: 10px;
  font-size: 12px;
}
.form-box .form-list.logistics .express-input .grayb {
  display: none;
}
.form-box .form-list.logistics .express-input input {
  margin-right: 5px;
  box-sizing: border-box;
  height: 24px;
  color: #111;
  border: 1px solid #b0b0b0;
  padding-left: 5px;
}
.form-box .form-list.logistics .express-input input.error {
  border: 1px solid #e30000;
}
.form-box .form-list.logistics .express-input .piece-input-help {
  display: none;
  width: 330px;
  height: 30px;
  margin-left: 5px;
  line-height: 15px;
  font-size: 12px;
  text-align: left;
  color: #999999;
}
.form-box .form-list.logistics .express-info {
  margin-top: 6px;
  width: 100%;
  color: #666;
  font-size: 12px;
}
.form-box .form-list.logistics .express-info li {
  margin-bottom: 6px;
}
.form-box .form-list.logistics .express-info .express-info-name {
  float: left;
  width: 80px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #e9edf4;
  margin-right: 10px;
  word-break: keep-all;
}
.form-box .form-list.logistics .express-info .express-info-msg {
  display: table-cell;
  padding-top: 2px;
  line-height: 20px;
}
.form-box .form-list.logistics .express-info .mould-detail-link {
  float: right;
  cursor: pointer;
}
.form-box .form-list.logistics .express-info .mould-detail-link a {
  color: #8999a9;
}
.form-box .form-list.logistics .express-info .mould-detail-link a:hover {
  color: #5c7085;
}
.form-box .form-list.logistics .error-group {
  position: relative;
}
.form-box .form-list.logistics .error-group .error-box-logistics {
  position: absolute;
  top: 0;
  left: 46px;
}
.form-box .form-list.logistics .error-group .error-box-weight {
  position: absolute;
  top: 0;
  right: 407px;
  height: 16px;
  font-size: 12px;
  color: #e30000;
}
.form-box .form-list.logistics .error-group .error-box-piece {
  position: absolute;
  top: 0;
  right: 355px;
  height: 16px;
  font-size: 12px;
  color: #e30000;
}
.form-box .form-list.logistics .tips-line {
  height: 13px;
  position: relative;
}
.form-box .form-list.logistics .tips-line .cross-line {
  position: absolute;
  top: 11px;
  width: 700px;
  height: 1px;
  left: 0px;
  background-color: #e2e2e2;
}
.form-box .form-list.logistics .tips-line .angle-outer {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  border: 6px solid transparent;
  border-bottom-color: #e2e2e2;
}
.form-box .form-list.logistics .tips-line .angle-outer .angle-inner {
  position: absolute;
  width: 0;
  height: 0;
  top: -4px;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-bottom-color: #f8f9fb;
}
.form-box .form-list.logistics .tips-line .angle-outer.weight-angle {
  left: 457px;
}
.form-box .form-list.logistics .tips-line .angle-outer.piece-angle {
  left: 580px;
}
.form-box .form-list.logistics .add-mould-btn {
  display: block;
  margin-left: 43px;
  width: 104px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  border-radius: 2px;
  background-color: #ffffff;
  color: #8c222c;
  border: solid 1px rgba(140, 34, 44, 0.5);
}
.form-box .bg_white {
  background-color: #fff;
}
.form-input {
  height: 24px;
}
.img_edit_dialog ::-webkit-scrollbar {
  width: 6px;
}
.img_edit_dialog ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.4);
  border-radius: 10px;
}
.img_edit_dialog ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.4);
}
.img_edit_dialog ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.3);
}
.img_edit_dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
}
.img_edit_dialog .img_more_con ul .img_more_con_right .binding_radio_list {
  margin-left: 8px!important;
  padding-right: 1px;
}
.img_edit_dialog .ivu-radio-wrapper {
  font-size: 12px;
}
.img_edit_container {
  position: absolute;
  display: inline-block;
  border-radius: 4px;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 800px;
  min-width: 260px;
  z-index: 9999999999999;
  overflow: hidden;
}
.img_edit_container .header {
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
  padding-bottom: 0px;
  color: #333;
  text-align: left;
  background: #f7f7f7;
}
.img_edit_container .header .title {
  font-size: 16px;
  font-weight: normal;
}
.img_edit_container .header .icon-biaoqianshanb {
  color: #aeaeae;
  width: 18px;
  height: 18px;
  font-size: 18px!important;
  line-height: 18px;
  position: absolute;
  right: 18px;
  top: 18px;
  cursor: pointer;
}
.img_edit_container .header .icon-biaoqianshanb:hover {
  color: #333;
}
.img_edit_container .header .edit_up {
  position: relative;
}
.img_edit_container .header .edit_up_btn {
  color: #365899;
  font-family: "MicrosoftYaHei";
  margin-left: 10px;
  cursor: pointer;
}
.img_edit_container .header .edit_up_btn b {
  position: relative;
  top: 0px;
  font-size: 10px;
}
.img_edit_container .header .edit_up_btn:hover {
  color: #8c222c;
}
.img_edit_container .content {
  width: 100%;
  padding: 20px;
  background: #fff;
}
.img_edit_container .content .edit_up {
  position: relative;
}
.img_edit_container .content .edit_up_btn {
  color: #365899;
  font-family: "MicrosoftYaHei";
  cursor: pointer;
}
.img_edit_container .content .edit_up_btn b {
  font-size: 10px;
  margin-right: 5px;
}
.img_edit_container .footer {
  width: 100%;
  background-color: #FFFFFF;
  text-align: right;
}
.img_edit_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.3;
  z-index: 99999;
}
.img_box {
  width: 700px !important;
}
.img_box .editimg {
  text-align: right;
  min-height: 12px;
  max-height: 30px;
}
.img_box .editimg a {
  color: #365899;
}
.img_box .img_tip_box {
  position: absolute;
  top: 0;
  right: 0;
  width: 226px;
  height: 94px;
  line-height: 94px;
  background-color: #ffffff;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #e5e5e5;
  z-index: 2;
  font-size: 12px;
  color: #666666;
}
.img_box .img_tip_box .f_left img {
  width: 32px;
  height: 27px;
  margin-left: 12px;
}
.img_box .img_tip_box .iconfont {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 12px;
  height: 12px;
  color: #999999;
  text-align: center;
  line-height: 12px;
  cursor: pointer;
}
.img_box .icon_tips {
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.img_box .icon_tips .img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 1;
  width: 20px;
  height: 20px;
}
.img_box .upload_image {
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.img_box .image_list {
  position: relative;
  display: block;
  width: 730px;
  line-height: 0;
}
.img_box .image_list .choose {
  cursor: move;
}
.img_box .image_list .choose .img_bottom {
  display: none;
}
.img_box .image_list .choose .icon_zhutu {
  display: none;
}
.img_box .image_list .choose .image_drag {
  display: none;
  cursor: move;
}
.img_box .image_list .choose .image_drag .image_drag_mark {
  display: block;
}
.img_box .image_list .choose .image_drag .icon-biaoqianshanb {
  display: none;
}
.img_box .image_list .choose .image_drag .tips {
  display: none;
}
.img_box .image_list .ghostClass {
  opacity: 1;
  cursor: move;
  background-color: #f8f9fb;
  border: 1px dashed #bbbbbb;
}
.img_box .image_list .ghostClass .img {
  display: none;
}
.img_box .image_list .ghostClass .image_drag {
  display: none;
}
.img_box .image_list .dragClass {
  cursor: move;
}
.img_box .image_list .sortable-fallback {
  cursor: move;
  width: 100px;
  height: 100px;
}
.img_box .image_list .sortable-fallback .img {
  display: block;
}
.img_box .image_list .sortable-fallback .image_drag_mark {
  display: block;
}
.img_box .image_upload_btn {
  float: left;
  width: 100px;
  height: 100px;
  border: dashed 1px #8c222c;
  background: #fff;
}
.img_box .image_upload_btn .image_upload_add {
  width: 100px;
  height: 100px;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  color: #8c222c;
  margin: 0 auto;
  padding-top: 29px;
}
.img_box .image_item {
  position: relative;
  float: left;
  width: 100px;
  height: 100px;
  line-height: 98px;
  margin-right: 20px;
  margin-bottom: 30px;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  cursor: move;
}
.img_box .image_item .img {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 0px;
}
.img_box .image_item .img img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.img_box .image_item .img_bottom {
  width: 100%;
  height: 20px;
  line-height: 20px;
  position: absolute;
  left: 0;
  bottom: -20px;
  font-size: 12px;
  text-align: right;
  z-index: 10;
}
.img_box .image_item .img_bottom a {
  color: #365899;
  margin-left: 10px;
}
.img_box .image_item .img_bottom a:hover {
  color: #0b3584;
}
.img_box .image_item .image_drag_mark {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=70);
}
.img_box .image_item .image_drag {
  position: absolute;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  border: solid 1px #adadad;
  text-align: center;
  line-height: 18px;
  top: 5px;
  right: 5px;
  font-size: 12px;
  color: #b9c3c2;
  cursor: pointer;
  z-index: 10;
}
.img_box .image_item .image_drag:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.img_box .image_item .image_drag .icon-biaoqianshanb {
  font-size: 12px;
  margin: 0;
  top: 0;
  color: #fff;
  position: static;
  display: inline;
  margin-left: 1px;
}
.img_box .image_item .image_drag .icon-biaoqianshanb:hover {
  color: #fff;
}
.img_box .image_item .image_drag .tips {
  line-height: 22px;
  position: absolute;
  right: -100px;
  bottom: 5px;
  width: 145px;
  height: 50px;
  background-color: #f8f7f3;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #cccccc;
  color: #8e5a41;
  z-index: 99999;
  padding: 4px;
  font-size: 12px;
}
.img_box .image_item .image_drag .tips span {
  position: absolute;
  left: 5px;
  bottom: 2px;
  padding-left: 15px;
  display: block;
  cursor: pointer;
  color: #888;
}
.img_box .image_item .image_drag .tips span .icon-biaoqianshanb {
  left: 0px;
  top: 4px;
  width: 8px;
  height: 8px;
  color: #999999;
}
.img_box .image_item .image_drag .tips span .icon-biaoqianshanb:hover {
  color: #333;
}
.img_edit_single .img_single_box {
  line-height: 20px;
}
.img_edit_single .img_single_box .img_single_ruler {
  width: 100%;
  text-align: right;
  margin-bottom: 10px;
}
.img_edit_single .img_single_box .img_single_ruler a {
  font-size: 12px;
  color: #8999a9;
  margin-right: -10px;
}
.img_edit_single .img_single_box .img_single_con {
  width: 100%;
}
.img_edit_single .img_single_box .img_single_con .img_single_con_left {
  position: relative;
  float: left;
  width: 160px;
  height: 160px;
  line-height: 158px;
  background-color: #ffffff;
  border: solid 1px #cccccc;
}
.img_edit_single .img_single_box .img_single_con .img_single_con_left img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.img_edit_single .img_single_box .img_single_con .img_single_con_left .img_single_icon {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 34px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  background-color: #ffffff;
}
.img_edit_single .img_single_box .img_single_con .img_single_con_left .img_single_icon .iconfont_box {
  width: 100%;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #365899;
}
.img_edit_single .img_single_box .img_single_con .img_single_con_right {
  float: left;
  width: 462px;
  margin-left: 20px;
}
.img_edit_single .img_single_box .img_single_con .img_single_con_right .img_lable {
  position: absolute;
  left: 0;
  top: 0;
  color: #333;
  font-size: 12px;
}
.img_edit_single .img_single_box .img_single_con .img_single_con_right .binding_radio_list {
  margin-left: 20px;
}
.img_edit_single .img_single_box .img_single_con .img_single_main {
  width: 160px;
  text-align: right;
}
.img_edit_single .img_single_box .img_single_con .img_single_main a {
  font-size: 12px;
  color: #365899;
}
.img_edit_single .img_single_footer {
  width: 214px;
  margin: 0 auto;
  margin-bottom: 30px;
  overflow: hidden;
}
.img_edit_single .img_single_footer .img_single_sure {
  float: left;
  width: 96px;
  height: 36px;
  border-radius: 2px;
  background-color: #8c222c;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  line-height: 36px;
}
.img_edit_single .img_single_footer .img_single_sure:hover {
  background: #7b111b;
}
.img_edit_single .img_single_footer .img_single_cancle {
  float: left;
  width: 96px;
  height: 36px;
  border-radius: 2px;
  border: 1px solid #aeaeae;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  color: #666;
  margin-left: 20px;
}
.img_edit_single .img_single_footer .img_single_cancle:hover {
  color: #7b111b;
  border: solid 1px #8c222c;
}
.img_single_list .img_edit_container {
  width: 800px;
  background: #fff;
}
.img_single_list .img_more_con ul .img_more_con_right .binding_radio_list {
  margin-left: 15px!important;
}
.img_single_list .content {
  padding: 20px 30px;
}
.img_single_list .content .img_more_con {
  background: #fff;
  border: 0;
  overflow: visible;
}
.img_single_list .content .img_more_con ul li {
  margin-bottom: 10px;
}
.img_single_list .content .img_more_con ul li .img_more_con_left {
  margin: 0;
  width: 160px;
  height: 160px;
  line-height: 158px;
  border: 1px solid #ccc;
  font-size: 0px;
}
.img_single_list .content .img_more_con ul li .img_more_con_right {
  float: right;
  width: 560px;
  margin: 0;
}
.img_single_list .content .img_more_con ul li .img_more_con_right .binding_radio_list {
  margin: 0;
}
.img_single_list .content .img_more_con ul li .img_more_con_right .binding_radio_list .ivu-radio-wrapper {
  margin-left: 5px;
}
.img_single_list .footer {
  padding: 0;
}
.img_more_ruler {
  float: right;
  height: 20px;
  line-height: 20px;
  text-align: right;
  overflow: hidden;
}
.img_more_ruler a {
  font-size: 12px;
  color: #8999a9;
}
.img_more_ruler a:hover {
  color: #5c7085;
}
.img_more_con {
  position: relative;
  width: 100%;
  height: 456px;
  background-color: #f8f9fb;
  border: solid 1px #f1f3f7;
  overflow-x: hidden;
}
.img_more_con ul {
  width: 100%;
}
.img_more_con ul li {
  margin-bottom: 40px;
}
.img_more_con ul .img_more_con_left {
  position: relative;
  float: left;
  width: 130px;
  height: 130px;
  line-height: 128px;
  background-color: #ffffff;
  border: solid 1px #f1f3f7;
  text-align: center;
  margin: 14px 0 0 20px;
  font-size: 0px;
}
.img_more_con ul .img_more_con_left img {
  width: auto;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.img_more_con ul .img_more_con_left .img_more_icon {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 28px;
  background-color: rgba(255, 255, 255, 0.7);
  border-top: 1px solid #f0f2f6;
}
.img_more_con ul .img_more_con_left .img_more_icon .iconfont_box {
  width: 100%;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #365899;
}
.img_more_con ul .img_more_con_left .img_more_icon .iconfont_box .iconfont {
  margin-left: 10px;
  cursor: pointer;
  float: left;
}
.img_more_con ul .img_more_con_left .img_more_icon .iconfont_box .icon-biaoqianshanb {
  color: #d13333;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  right: 5px;
  top: 8px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  cursor: pointer;
}
.img_more_con ul .img_more_con_left .img_more_icon .iconfont_box .icon-biaoqianshanb:hover {
  color: #333;
}
.img_more_con ul .img_more_con_right {
  float: left;
  width: 570px;
  margin-left: 20px;
  margin-top: 10px;
}
.img_more_con ul .img_more_con_right .img_lable {
  position: absolute;
  left: 0;
  top: 0;
  color: #333;
  font-size: 12px;
  line-height: 27px;
}
.img_more_con ul .img_more_con_right .inputNew {
  margin-top: 3px;
  height: 130px!important;
}
.img_more_con ul .img_more_con_right .h_160Img {
  height: 160px!important;
  margin: 0;
}
.img_more_con ul .img_more_con_right .binding_radio_list {
  margin-left: 10px;
}
.img_single_footer {
  width: 214px;
  margin: 0 auto;
  margin-bottom: 30px;
  overflow: hidden;
}
.img_single_footer .img_single_sure {
  float: left;
  width: 96px;
  height: 36px;
  border-radius: 2px;
  background-color: #8c222c;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  line-height: 36px;
}
.img_single_footer .img_single_sure:hover {
  background: #7b111b;
}
.img_single_footer .img_single_cancle {
  float: left;
  width: 96px;
  height: 36px;
  border-radius: 2px;
  border: solid 1px #aeaeae;
  text-align: center;
  font-size: 14px;
  line-height: 34px;
  color: #666;
  margin-left: 20px;
}
.img_single_footer .img_single_cancle:hover {
  color: #7b111b;
  border: solid 1px #8c222c;
}
.img_more_con.single {
  height: auto;
}
.img_more_con .ivu-radio-wrapper,
.img_edit_more .ivu-radio-wrapper {
  margin-right: 0!important;
  margin-left: 13px;
  color: #333;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity .3s ease;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
.uploading_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #666;
  color: #ccc;
  font-size: 12px;
}
.uploading_bg .up_del {
  position: absolute;
  right: 5px;
  top: 5px;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
.uploading_con {
  padding-top: 20px;
  line-height: 28px;
  text-align: center;
}
.uploading_con .up_status {
  margin-top: 10px;
}
.uploading_con span {
  display: block;
}
.uploading_con .reupload {
  width: 74px;
  height: 28px;
  border-radius: 2px;
  margin: 0 auto;
  color: #fff;
  cursor: pointer;
}
.uploading_con .reupload:hover {
  color: #333;
  background: #d8d8d8;
}
.uploading_con .up_percent {
  width: 90px;
  height: 5px;
  opacity: 0.75;
  border-radius: 3px;
  margin: 0 auto;
  background-color: #000000;
  padding: 0 2px 0 0;
  overflow: hidden;
}
.uploading_con .up_percent b {
  width: 3%;
  height: 3px;
  border-radius: 2px;
  background-color: #00a6ff;
  display: block;
  position: relative;
  top: 1px;
  left: 1px;
}
.set_mainimg {
  position: absolute;
  line-height: 22px;
  right: 0;
  bottom: -30px;
  color: #365899;
  font-size: 12px;
  cursor: pointer;
}
.single_img_bottom {
  position: absolute;
  line-height: 22px;
  right: 0;
  bottom: -30px;
  color: #365899;
  font-size: 12px;
  cursor: pointer;
}
.single_img_bottom span {
  margin-left: 10px;
}
.content-wrap {
  position: relative;
  /*width: 1000px;*/
  margin: 0 auto;
  padding-bottom: 80px;
  font-size: 14px;
  text-align: left;
}
.content-wrap .isbn-info {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
  padding-bottom: 7px;
  border-bottom: solid 1px #e5e5e5;
}
.content-wrap .isbn-info .isbn-num {
  margin-left: 7px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
}
.category-head-box {
  position: relative;
}
.category-head-box .categoryInfo2 {
  min-height: 60px;
  line-height: 30px;
  padding: 15px 0 15px 0px;
  background-color: #fff;
  color: #333;
  overflow: hidden;
}
.category-head-box .categoryInfo2 .modify_categoryInput {
  float: left;
  margin-left: 5px;
}
.category-head-box .categoryInfo2 .modify_categoryInput input {
  width: 100px;
  padding: 6px 10px;
  height: 30px;
  line-height: 14px;
  border: solid 1px #ccc;
}
.category-head-box .categoryInfo2 .category_text {
  max-width: 300px;
}
.category-head-box .btn_modify {
  width: 80px;
  height: 30px;
  line-height: 28px;
  color: #365899;
  border-radius: 2px;
  border: solid 1px #92a5ca;
  background-color: #fff;
  text-align: center;
}
.category-head-box .btn_modify:hover {
  color: #ffffff;
  background-color: #6982b3;
  border: solid 1px #92a5ca;
}
.category-head-box .used_category {
  position: absolute;
  right: 4px;
  top: 15px;
}
.category-head-box .used_category .ivu-select-dropdown {
  max-height: 310px!important;
}
.clear, .clearfix::after {
  clear: both;
}
.f_left, .grid_7 {
  float: left;
}
.m_r5 {
  margin-right: 5px;
}
.m_b18 {
  margin-bottom: 18px !important;
}
.m_l30 {
  margin-left: 30px !important;
}
.m_t20 {
  margin-top: 20px !important;
}
a {
  background-color: transparent;
  color: #4395ff;
}
a, a:focus, a:hover {
  text-decoration: none;
}
.clearfix::after, .clearfix::before, .content::after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}
dd, dl, dt, li, ol, p, ul {
  margin: 0;
  padding: 0;
  padding-bottom: 0px;
  list-style: none;
}
.red_d {
  color: red;
}
.kfz-confirm .bg {
  position: absolute;
  background-color: #000;
  opacity: .3;
  z-index: 99999;
}
.kfz-confirm, .kfz-confirm .bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kfz-confirm {
  position: fixed;
  z-index: 9999999;
}
.kfz-confirm .kfz-container {
  overflow: hidden;
}
.kfz-confirm .kfz-container {
  position: absolute;
  display: inline-block;
  border-radius: 4px;
  background-color: #f8f9fb;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 260px;
  min-width: 260px;
  z-index: 9999999999999;
}
.kfz-container {
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.kfz-confirm .kfz-container .header {
  width: 100%;
  padding: 20px;
  padding-bottom: 0;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
}
.kfz-confirm .kfz-container .header {
  background: #f7f7f7;
  padding: 0;
  padding-left: 0px;
  line-height: 60px;
  padding-left: 20px;
  font-size: 16px;
  font-weight: normal;
}
.kfz-container .ivu-icon.kfz-close-btn {
  position: absolute;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  right: 14px;
  top: 14px;
}
.ivu-icon {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.kfz-close-btn {
  font-size: 40px;
  color: #999;
  transition: color .2s ease;
  position: relative;
  top: -14px;
  cursor: pointer;
  float: right;
}
.kfz-confirm .kfz-container .content {
  width: 100%;
  padding: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.kfz-container .content {
  padding-top: 40px !important;
  padding-bottom: 20px !important;
  background: #fff;
}
.kfz-container .content {
  padding-top: 32px;
  font-size: 16px;
  line-height: 1.38;
  text-align: center;
  color: #333333;
}
.content {
  width: 1200px;
}
.content, .foot, .head, .nav {
  width: 1000px;
  margin: 0 auto;
}
.clearfix::after, .clearfix::before, .content::after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}
.classify_tab {
  border-bottom: 1px solid #6982b3;
  margin-top: -20px;
}
.classify_tab li.active {
  border: 1px solid #6982b3;
  border-bottom-color: rgb(105, 130, 179);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom: none;
}
.classify_tab li {
  float: left;
  width: 248px;
  font-size: 14px;
  background-color: #f8f9fb;
  text-align: center;
  height: 35px;
  line-height: 32px;
  margin-left: 9px;
  position: relative;
  top: 1px;
  border: 1px solid #c8d2e4;
  border-bottom: 1px solid #6982b3;
  cursor: pointer;
}
.classify_box {
  float: left;
  z-index: 10;
  width: 786px;
}
.m_t10 {
  margin-top: 10px !important;
}
.m_t10 {
  margin-top: 10px;
}
.classify_box .classify_list2 {
  width: 140px;
}
.classify_box .classify_list {
  position: relative;
  border: 1px solid #e9edf4;
  min-width: 120px;
  height: 298px;
  background: #fff;
  font-size: 12px;
  line-height: 12px;
  margin-right: 8px;
  overflow: auto;
}
.classify_box .classify_list a.active {
  background: #d7deeb;
}
.classify_box .classify_list a {
  display: block;
  padding: 8px 8px 8px 10px;
  color: #333333;
  overflow-x: hidden;
  text-align: left;
}
.classify_box .select-icon {
  font-size: 14px;
  float: right;
  width: 5px;
  margin-left: 12px;
}
.ivu-icon {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
right::before {
  content: "\F3D3";
}
.kfz-container .ivu-icon.kfz-close-btn:hover {
  color: #333;
}